<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>

        <!-- start: Meta -->
        <meta charset="utf-8">
        <title>SimpliQ - Flat & Responsive Bootstrap Admin Template</title>
        <meta name="description" content="SimpliQ - Flat & Responsive Bootstrap Admin Template.">
        <meta name="author" content="Łukasz Holeczek">
        <meta name="keyword" content="SimpliQ, Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">
        <!-- end: Meta -->

        <!-- start: Mobile Specific -->
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- end: Mobile Specific -->

        <!-- start: CSS -->
        <link href="../css/bootstrap.min.css" rel="stylesheet">
        <link href="../css/bootstrap-responsive.min.css" rel="stylesheet">
        <link href="../css/style.min.css" rel="stylesheet">
        <link href="../css/style-responsive.min.css" rel="stylesheet">
        <link href="../css/retina.css" rel="stylesheet">
        <!-- end: CSS -->


        <!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
            <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
            <link id="ie-style" href="css/ie.css" rel="stylesheet">
        <![endif]-->

        <!--[if IE 9]>
            <link id="ie9style" href="css/ie9.css" rel="stylesheet">
        <![endif]-->

        <!-- start: Favicon and Touch Icons -->
        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="ico/apple-touch-icon-144-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="ico/apple-touch-icon-114-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="ico/apple-touch-icon-72-precomposed.png">
        <link rel="apple-touch-icon-precomposed" href="ico/apple-touch-icon-57-precomposed.png">
        <link rel="shortcut icon" href="ico/favicon.png">
        <!-- end: Favicon and Touch Icons -->	

    </head>
    <body>
        <div id="content" class="span10">
            <div class="row-fluid">

                <div class="span3 smallstat box mobileHalf" onTablet="span6" onDesktop="span3">
                    <div class="boxchart-overlay blue">
                        <div class="boxchart">5,6,7,2,0,4,2,4,8,2,3,3,2</div>
                    </div>	
                    <span class="title">Clients</span>
                    <span class="value">4 589</span>
                </div>

                <div class="span3 smallstat box mobileHalf" onTablet="span6" onDesktop="span3">
                    <div class="boxchart-overlay red">
                        <div class="boxchart">1,2,6,4,0,8,2,4,5,3,1,7,5</div>
                    </div>	
                    <span class="title">Transactions</span>
                    <span class="value">789</span>
                </div>

                <div class="span3 smallstat box mobileHalf noMargin" onTablet="span6" onDesktop="span3">
                    <i class="icon-download-alt green"></i>
                    <span class="title">Income</span>
                    <span class="value">$1 999,99</span>
                </div>

                <div class="span3 smallstat mobileHalf box" onTablet="span6" onDesktop="span3">
                    <i class="icon-money yellow"></i>
                    <span class="title">Account</span>
                    <span class="value">$19 999,99</span>
                </div>

            </div>	

            <div class="row-fluid">

                <div class="main-chart">

                    <div class="bar">

                        <div class="title">JAN</div>
                        <div class="value">80%</div>

                    </div>

                    <div class="bar simple">

                        <div class="title">FEB</div>
                        <div class="value">60%</div>

                    </div>

                    <div class="bar simple">

                        <div class="title">MAR</div>
                        <div class="value">50%</div>

                    </div>

                    <div class="bar">

                        <div class="title">APR</div>
                        <div class="value">40%</div>

                    </div>

                    <div class="bar simple">

                        <div class="title">MAY</div>
                        <div class="value">10%</div>

                    </div>	

                    <div class="bar simple">

                        <div class="title">JUN</div>
                        <div class="value">30%</div>

                    </div>

                    <div class="bar">

                        <div class="title">JUL</div>
                        <div class="value">50%</div>

                    </div>

                    <div class="bar simple">

                        <div class="title">AUG</div>
                        <div class="value">65%</div>

                    </div>

                    <div class="bar simple">

                        <div class="title">SEP</div>
                        <div class="value">40%</div>

                    </div>

                    <div class="bar">

                        <div class="title">OCT</div>
                        <div class="value">32%</div>

                    </div>

                    <div class="bar simple">

                        <div class="title">NOV</div>
                        <div class="value">20%</div>

                    </div>

                    <div class="bar simple">

                        <div class="title">DEC</div>
                        <div class="value">10%</div>

                    </div>

                    <div class="bar">

                        <div class="title">JAN</div>
                        <div class="value">100%</div>

                    </div>

                    <div class="bar simple">

                        <div class="title">FEB</div>
                        <div class="value">60%</div>

                    </div>

                    <div class="bar simple">

                        <div class="title">MAR</div>
                        <div class="value">50%</div>

                    </div>

                    <div class="bar">

                        <div class="title">APR</div>
                        <div class="value">40%</div>

                    </div>

                    <div class="bar simple">

                        <div class="title">MAY</div>
                        <div class="value">10%</div>

                    </div>	

                    <div class="bar simple">

                        <div class="title">JUN</div>
                        <div class="value">30%</div>

                    </div>

                    <div class="bar">

                        <div class="title">JUL</div>
                        <div class="value">50%</div>

                    </div>

                    <div class="bar simple">

                        <div class="title">AUG</div>
                        <div class="value">65%</div>

                    </div>		

                </div>	

            </div>	
        </div>	
        <!-- start: JavaScript-->
        <script src="../js/jquery-1.9.1.min.js"></script>
        <script src="../js/jquery-migrate-1.0.0.min.js"></script>	
        <script src="../js/jquery-ui-1.10.3.custom.min.js"></script>	
        <script src="../js/jquery.ui.touch-punch.js"></script>	
        <script src="../js/modernizr.js"></script>	
        <script src="../js/bootstrap.min.js"></script>	
        <script src="../js/jquery.cookie.js"></script>	
        <script src='../js/fullcalendar.min.js'></script>	
        <script src='../js/jquery.dataTables.min.js'></script>
        <script src="../js/excanvas.js"></script>
        <script src="../js/jquery.flot.js"></script>
        <script src="../js/jquery.flot.pie.js"></script>
        <script src="../js/jquery.flot.stack.js"></script>
        <script src="../js/jquery.flot.resize.min.js"></script>
        <script src="../js/jquery.flot.time.js"></script>

        <script src="../js/gauge.min.js"></script>
        <script src="../js/jquery.chosen.min.js"></script>	
        <script src="../js/jquery.uniform.min.js"></script>		
        <script src="../js/jquery.cleditor.min.js"></script>	
        <script src="../js/jquery.noty.js"></script>	
        <script src="../js/jquery.elfinder.min.js"></script>	
        <script src="../js/jquery.raty.min.js"></script>	
        <script src="../js/jquery.iphone.toggle.js"></script>	
        <script src="../js/jquery.uploadify-3.1.min.js"></script>	
        <script src="../js/jquery.gritter.min.js"></script>	
        <script src="../js/jquery.imagesloaded.js"></script>	
        <script src="../js/jquery.masonry.min.js"></script>	
        <script src="../js/jquery.knob.modified.js"></script>	
        <script src="../js/jquery.sparkline.min.js"></script>	
        <script src="../js/counter.min.js"></script>	
        <script src="../js/raphael.2.1.0.min.js"></script>
        <script src="../js/justgage.1.0.1.min.js"></script>	
        <script src="../js/jquery.autosize.min.js"></script>	
        <script src="../js/retina.js"></script>
        <script src="../js/jquery.placeholder.min.js"></script>
        <script src="../js/wizard.min.js"></script>
        <script src="../js/core.min.js"></script>	
        <script src="../js/charts.min.js"></script>	
        <script src="../js/custom.min.js"></script>
        <!-- end: JavaScript-->
    </body>
</html>
